<div class = "123">
    <!--表格查询-->
    <el-form  label-width="100%">
        <el-form-item label="">
        </el-form-item>
    </el-form>
    <el-form :inline="true" :model="checkFormInline" class="demo-form-inline">
        <el-form-item label="预约单位">
            <el-input v-model="checkFormInline.appoUnit" placeholder="预约单位"></el-input>
        </el-form-item>
        <el-form-item label="预约人">
            <el-input v-model="checkFormInline.appoName" placeholder="预约人"></el-input>
        </el-form-item>
        <el-form-item label="联系电话">
            <el-input v-model="checkFormInline.appoPhoneNum" placeholder="联系电话"></el-input>
        </el-form-item>
        <el-form-item label="预约时间">
            <el-date-picker
                    v-model="checkFormInline.appoDate"
                    align="right"
                    type="date"
                    placeholder="选择日期"
                    :picker-options="pickerOptions1">
            </el-date-picker>
        </el-form-item>
        <el-button type="primary" @click="findVehicleOfAppointment()">查询</el-button>
        </el-form-item>
    </el-form>

    <!--表格基本数据-->
    <template>
        <kf-table
                ref="baseTable"
                :data="tableData"
                one-screen
                layout="total, sizes, prev, pager, next, jumper"
        >
            <el-table-column prop="appoUnit" fixed="left" label="预约单位" width="100px">
            </el-table-column>
            <el-table-column prop="appoName" label="预约人">
            </el-table-column>
            <el-table-column prop="appoPhoneNum" label="联系电话" width="180px">
            </el-table-column>
            <el-table-column prop="address" label="接送地址">
            </el-table-column>
            <el-table-column prop="pickUpNum" label="接送人数">
            </el-table-column>
            <el-table-column prop="pickUpTime" label="接送时间">
            </el-table-column>
            <el-table-column prop="flightNum" label="航班号">
            </el-table-column>
            <el-table-column prop="isDispatch" label="是否派发">
            </el-table-column>

            <el-table-column label="派发车辆" fixed="right" width="200px">
                <template scope="scope">
                    <el-button  @click="dispatchingClick(scope)" type="text" style="width:60px">派发</el-button>
                    <el-button  @click="checkTheDocuments(scope)" type="text" :disabled=isSee>单据查看</el-button>
                </template>
            </el-table-column>

            <!--模态框-车辆派发-->
            <template slot="editForm">
                <h3>车辆派遣</h3>
                <el-form :inline="true" :model="disFormInline" :rules="rules"  ref="disFormInline" class="demo-form-inline">
                    <div>
                        <el-form-item label="用车部门" label-width="115px" prop="transportDepartment">
                            <el-input v-model="disFormInline.transportDepartment" ></el-input>
                        </el-form-item>
                        <el-form-item label="申请人"label-width="140px" prop="proposer">
                            <el-input v-model="disFormInline.proposer"></el-input>
                        </el-form-item>
                    </div>
                    <div>
                        <el-form-item label="安排出车号" label-width="115px" prop="carNumber">
                            <el-input v-model="disFormInline.carNumber"></el-input>
                        </el-form-item>
                        <el-form-item label="驾驶员"label-width="140px" prop="driver">
                            <el-input v-model="disFormInline.driver"></el-input>
                        </el-form-item>
                    </div>

                    <div>
                        <el-form-item label="出车时间"  label-width="115px" prop="carDate" :rules
                                ="[ {required: true, message: '预约时间不能为空'}]">
                            <el-date-picker
                                    v-model="disFormInline.carDate"
                                    align="right"
                                    type="datetime"
                                    placeholder="选择时间"
                                    @change="pickTime1"
                                    :picker-options="pickerOptions1">
                            </el-date-picker>
                        </el-form-item>
                        <el-form-item label="出发公里数" label-width="120px" prop="startKilometre">
                            <el-input v-model.number="disFormInline.startKilometre"></el-input>
                        </el-form-item>
                    </div>
                    <div>
                        <el-form-item label="返回时间"  required label-width="115px" prop="returnTime" :rules
                                ="[ {required: true, message: '预约时间不能为空'}]">
                            <el-date-picker
                                    v-model="disFormInline.returnTime"
                                    align="right"
                                    type="datetime"
                                    placeholder="选择时间"
                                    @change="pickTime2"
                                    :picker-options="pickerOptions1">
                            </el-date-picker>
                        </el-form-item>

                        <el-form-item label="回程公里数" label-width="120px" prop="returnKilometre"  >
                            <el-input v-model.number="disFormInline.returnKilometre"></el-input>
                        </el-form-item>
                    </div>
                    <el-form-item label="核定耗油量"label-width="115px" prop="oilMass">
                        <el-input v-model.number="disFormInline.oilMass" ></el-input>
                    </el-form-item>
                    <el-form-item label="通行费" label-width="140px" prop="toll">
                        <el-input v-model.number="disFormInline.toll" ></el-input>
                    </el-form-item>
                    <div>
                        <el-form-item label="可报销加油金额" label-width="115px" prop="oilMoney">
                            <el-input v-model.number="disFormInline.oilMoney" ></el-input>
                        </el-form-item>
                    </div>
                </el-form>
            </template>
            <template slot="formBtn">
                <el-button  @click="clear()">取 消</el-button>
                <el-button type="primary" @click="saveClick()">确定保存</el-button>
            </template>
        </kf-table>



<!--模态框：单据查看-->
    <el-dialog :visible.sync="dialogFormVisible" top="5px">
        <div>
            <table :model="disFormInline" class="orderTab">
                <caption style="font-size:30px;" > 公司车辆派遣单</caption>
                <tr style="border:none;">
                    <td colspan="2" style="border:none; text-align:left"> 用车公司及部门：{{disFormInline.transportDepartment}}</td>
                    <td style="border:none; text-align:left">申请人：{{disFormInline.proposer}}</td>
                    <td style="border:none; text-align:left">单号：{{disFormInline.oddNumber}}</td>
                </tr>
                <tr>
                    <td width="140px">出车日期</td>
                    <td width="140px">{{disFormInline.carDate}}</td>
                    <td width="140px">驾驶人员</td>
                    <td width="230px">{{disFormInline.driver}}</td>
                </tr>
                <tr>
                    <td>出车时间</td>
                    <td >{{disFormInline.carDate}}</td>
                    <td>出发公里数</td>
                    <td>{{disFormInline.startKilometre}}</td>
                </tr>
                <tr>
                    <td>返回时间</td>
                    <td>{{disFormInline.returnTime}}</td>
                    <td>回程公里数</td>
                    <td>{{disFormInline.returnKilometre}}</td>
                </tr>
                <tr>
                    <td>通行费</td>
                    <td>{{disFormInline.toll}}</td>
                    <td>来回里程数</td>
                    <td>{{disFormInline.startKilometre+disFormInline.returnKilometre}}</td>
                </tr>
                <tr>
                    <td>接送人员</td>
                </tr>
                <tr>
                    <td>接送理由</td>
                </tr>
                <tr class="orderTr">
                    <td colspan="3">部门经理意见:</td>
                    <td rowspan="2" height="" valign="top">综合办公主任或上级领导意见：</td>
                </tr>
                <tr class="orderTr">
                    <td>安排出车号:</td>
                    <td>核定油量:</td>
                    <td>可报销加油金额:</td>
                </tr>
                <tr style="border:none;">
                    <td colspan="4" style="border:none; text-align:left"> 联系电话：{{disFormInline.appoPhoneNum}}</td>
                </tr>
            </table>

        </div>
    </el-dialog>
    </template>

</div>